// =======================================================================================================
// ArcGIS API for JavasScript: Calcite Theme - Stylus CSS Variables */
// (Added 2014-10-08 by FG)
// =======================================================================================================

// =======================================================================================================
// Included files: Mixins & Icon Fonts
// =======================================================================================================
@import "resources/mixins.styl"
@import "resources/iconfonts.styl"


// =======================================================================================================
// Esri Colors: http://patternsdev.esri.com/colors
// =======================================================================================================

@import "resources/calcite_color_variables.styl"

// =======================================================================================================

/* Hover & Selected colors (Added 2014-09-11 by FG, following "Calcite" ArcGIS Pro) */
$backgroundFillDefault 	    = #fff;		                    /* Default - Background  */
$borderColorDefault 		= Calcite_Gray_600;		        /* Default - Border  */
$backgroundFillActive 		= Calcite_Highlight_Blue_200;	/* Active - Background  */
$borderColorActive			= Calcite_Highlight_Blue_400;	/* Active - Border */
$backgroundFillHover 		= Calcite_Highlight_Blue_100 	/* Hover - Background */
$borderColorHover 			= Calcite_Highlight_Blue_300;	/* Hover - Border */
$backgroundFillActiveHover  = Calcite_Highlight_Blue_150;	/* Active & Hover  */
$borderColorActiveHover 	= Calcite_Highlight_Blue_400;	/* Active & Hover - Border */
$backgroundFillDisabled 	= #fff;		                    /* Disabled */
$borderColorDisabled 		= Calcite_Gray_450;		        /* Disabled - Border */
$borderColorDivider 		= Calcite_Gray_300;		        /* Divider - Border  */

$formBorderColorDefault 	= Calcite_Gray_450;		        /* Form Default - Border  */

$borderRadiusSize1			= 3px;
$borderRadiusSize2 		    = 5px;
$borderRadiusSize3 		    = 10px;

$paddingDefaultSpacer 		= 5px;
$marginDefaultSpacer 		= 5px;

// Text & Fonts
$textColorDefault 			= Calcite_Gray_650;		/* Default - Text */
$textColorDisabled 		    = Calcite_Gray_450;		/* Disabled - Text */
$textColorActive			= Calcite_Highlight_Blue_400;	/* Active - Text */
$textColorHover 			= Calcite_Highlight_Blue_350	/* Hover - Text */

$fontSizeDefault 			= 14px;
$textSectionTitleSize 		= 16px;	  /* Text Section Title - text */

$fontSizeIconDefault        = 24px;
$fontSizeIconSmall          = 16px;

$fontFamilyDefault 		    = "Lucida Grande", "Arial", sans-serif;
$fontFamilyArcGIS 			= "Avenir LT W01 65 Medium", "Lucida Grande", Arial, Helvetica, sans-serif;

// Images
$imageSpriteArcGISOnline 		= "../images/ago_sprite.png";
$imageSpriteForms 				= "../images/formFields/form-sprite.png";
$imageSpritePopup 				= "../images/popup-sprite.png";
$imageSpriteTextEditor 		    = "../images/textEditor/richTextSprite.png";
$imageArrowUp 					= "../images/arrow-up.png";

$imageDirectionsStopOrigin 	      = "../images/mapSymbols/pin_GreenBlank36.png";
$imageDirectionsStopOrigin_SVG    = "../images/mapSymbols/GreenPin36.svg";
$imageDirectionsStopDestination   = "../images/mapSymbols/pin_RedBlank36.png";
$imageDirectionsStopDestination_SVG = "../images/mapSymbols/RedPin36.svg";
$imageDirectionsStopRemove 	    = $imageSpriteArcGISOnline; /*"../dijit/images/Directions/remove-destination.png"; */
//$imageDirectionsStopReverse 	= "http://js.arcgis.com/3.10/js/esri/dijit/images/Directions/reverse.png";
//$imageSimpleGeocoder            = "http://js.arcgis.com/3.10/js/esri/dijit/images/simpleGeocoder.png";

$imageMeasurementArea           = "../icons/images/png/Measure_Area_16.png";
$imageMeasurementArea_SVG       = "../icons/images/svg/Measure_Area_16.svg";
$imageMeasurementDistance       = "../icons/images/png/Measure_Tool_16.png";
$imageMeasurementDistance_SVG   = "../icons/images/svg/Measure_Tool_16.svg";
$imageMeasurementLocation       = "../icons/images/png/Geocode_Pick_From_Map_16.png";
$imageMeasurementLocation_SVG   = "../icons/images/svg/Geocode_Pick_From_Map_16.svg";

$imageLoadingIndicator 		    = "../images/loadingIndicator/loading-grey.gif";
$imageLoadingIndicatorDark 	    = "../images/loadingIndicator/loading-dark.gif";
$imageLoadingIndicatorLight 	= "../images/loadingIndicator/loading-light.gif";
$imageLoadingIndicatorBlue 		= "../images/loadingIndicator/loading-blue.gif";
$imageLoadingIndicatorBlueLarge = "../images/loadingIndicator/loading-blue-large.gif";
$imageLoadingCircular1          = "../images/loadingIndicator/LoadingAnimation16_Trans.gif";
$imageLoadingCircularWhite16    = "../images/loadingIndicator/LoadingAnimation16.gif";

// ======================================================================================================= 
// ArcGIS Pro Styles / Use cases
// =======================================================================================================
@import "resources/CalciteArcGISProButtons.styl"

// =======================================================================================================
// Calcite Action Buttons
// =======================================================================================================
@import "resources/CalciteCSSButtons.styl"

// =======================================================================================================
// Calcite Messaging
// =======================================================================================================
@import "resources/CalciteMessaging.styl"

// =======================================================================================================
// Border Radius
// =======================================================================================================
@import "resources/BorderRadius.styl"

// =======================================================================================================
// Box Shadows & Box Insets
// =======================================================================================================
@import "resources/BoxShadow.styl"
